<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习二：</title>
  </head>

  <body>

  </body>
  <script>
    /* 
    练习二：十六进制随机颜色
    题目描述：使用Math对象，制作一个十六进制随机颜色
    十六进制：123456789abcdef
    */
    //1.写出随机数的函数
    function getRandom(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }

    //2.封装十六进制方法，并设置body背景颜色
    function getRandomColor() {
      let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f'];
      let str = "";
      for (let i = 0; i < 6; i++) {
        let randomNum = getRandom(0, 15);
        str += arr[randomNum];
      }
      str = "#" + str.toString();
      let body = document.querySelector("body");
      body.style.backgroundColor = str;
      console.log(str);
    }

    //3.定时器驱动方法
    setInterval(() => getRandomColor(), 1000);
  </script>

</html>